<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Arghhh !</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link href="../stylePerfil.css" rel="stylesheet" type="text/css" media="screen" />
	</head>
	<body>
		<div id="topo">
			<div id="loginb" class="login">
				Buscar:<input  type="text" id="busca-text" name="Cbuscar" size="40" maxlength="128" />
				&nbsp;&nbsp; 
				<select id="campos">
				<option value="tudo">Todos</option>
				<option value="usuario">Usuário</option>
				<option value="banda">Banda </option>
				<option value="ntegrante">Integrante</option>
				</select>
				&nbsp;&nbsp; 
				<input type="button" name="enviar" value="Procurar"/>
			</div>
		</div>
		<!-- Fim do Cabeçalho -->
		<div id="menu">
			<ul>
			  <li>&nbsp;&nbsp;&nbsp;</li><li class="current_page_item"><a href="../index.html">Home</a></li>
			  <li><a href="../Bandas.html">Bandas</a></li>
			  <li><a href="../Pessoas.html">Pessoas</a></li>
			  <li><a href="../Ranking.html">Ranking</a></li>
			  <li><a href="../Links.html">Links</a></li>
			  <li><a href="../Contato.html">Contato</a></li>
			  <li style="float:right;margin-left:250px;"><a style="background-color:red;font-size:0.5em;"href="../#">Efetuar Logoff</a></li>
		  </ul>
		</div>
		<!-- end #menu -->
		<div id="page">
	
	<div id="sidebar">
		<ul>
			<li style="margin-bottom:25px;text-align:center">
			  <img src="../images/foto_usuario.jpg" alt="" /><br/>
				Cidade, Estado
			</li>
	  <li>
				<h2>Ações</h2><!--Apenas para logados-->
				<ul>
					<li><a href="GerenciarAmigos.html">Gerenciar  Amigos</a></li>
				  <li><a href="GerenciarBandas.html">Gerenciar Bandas</a></li>
				</ul>
			</li>
			<li>
				<h2>Conteúdo</h2>
				<ul>
					<li><a href="../#">Bandas Seguidas</a>&nbsp;</li>
					<li><a href="../#">Amigos</a>&nbsp;</li>
                    <li><a href="../#">Fotos</a>&nbsp;</li>
				</ul>
			</li>
		</ul>
	</div>
	<!-- end #sidebar -->
	<div id="content">
		<div class="post">
			<h1 class="title">Nome do Usuário</h1>
			<p class="meta">&bull; &nbsp;Amigos &bull; </p>
			<div id="entry">
				
				
                <div id="tabela">
                
                
                
                <table>
                 <caption>Amigos</caption>
               	<thead>
                	<th colspan="3">
                    	<select id="campos" style="float:right;margin-right:21px;" >
                        	<option value="9">9 por amostra</option>
                            <option value="15">15 por amostra</option>
                            <option value="30">30 por amostra</option>
                            
                        </select>
                    </th>
                </thead>  
                	<tr>	
                    	<td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                        
                        <td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                        
                        <td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                     </tr>
                     
                     <tr>	
                    	<td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                        
                        <td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                        
                        <td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                     </tr>
                     
                     <tr>	
                    	<td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                        
                        <td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                        
                        <td>
                        <img src="../images/foto_usuario_peq.jpg" /> <br />
                        Nome
                        </td>
                     </tr>
                </table>
                 <a href="#" style="float:left">Anterior</a>
              <a href="#" style="float:right">Próxima</a><br/>
              
                <div id="personal">
                	<br/>
					<h3>Últimas mensagens</h3>	
				</div>
                
                <fieldset>
                	<legend><a href="#">Nome</a></legend>
                   <dl>
                           <dt><img src="../images/foto_usuario_peq.jpg"/ ></dt>
                           <dd>
                           		Mensagem <br/>
                                Mensagem <br/>
                               	Mensagem
                           </dd>
                   </dl>
                   <a href="#" style="float:right">- Banda</a>
                </fieldset>
				
                </div>
             
              	 	<a href="#" style="float:left">Anterior</a>
              <a href="#" style="float:right">Próxima</a>	
			</div>
		</div>
		
		
	</div>
	<!-- end #content -->
	<div style="clear: both;">&nbsp;</div>
</div>
		<!-- end #page -->
		<div id="footer">
			<p>Copyright (c) 2009 Projeto de Desenvolvimento de Sistema Web, Grupo 6</p>
		</div>
		<!-- end #footer -->
	</body>
</html>
